<style>
<!--
	.nav-tabs {
		margin-bottom: 0px;
	}
-->
</style>
<div ng-show="!selectAssignee">
    <tabset>
        <tab>
            <tab-heading>
                <i class="icon-doc"></i> 表单
            </tab-heading>
            <form  action="#" id="properties-form" class="form-horizontal  w5c-form" w5c-form-validate name="taskValidateForm" style="margin-top: 0px;">
                 <!-- 外置表单-->
                <div class="form-body" ng-if="key" style="border-width: 1px; border: 1px solid lightgray;margin: 0px 0px 15px;padding: 10px;">
                    <div data-ng-include="key">
                    </div>
                </div>
                <!-- 任务办理表单-->
                <div class="form-body" ng-if="!key && properties" style="border-width: 1px; border: 1px solid lightgray;margin: 0px 0px 15px;padding: 10px;">
                    <div class="form-group" ng-repeat="property in properties">
                        <label class="col-md-2 control-label">{{property.name}}</label>
                        <div class="col-md-6">
                           <select class="form-control" name="{{property.id}}" ng-model="task.form[property.id]" ng-options="opt.value as opt.name for opt in property.type.values" ng-if="property.type.name == 'enum'"></select>
                            <textarea rows="3" class="form-control" name="{{property.id}}" ng-model="task.form[property.id]" ng-maxlength="200" ng-if="property.type.name == 'string'"></textarea>
                            <input ed-date-picker class="form-control date-picker" name="{{property.id}}" ng-model="task.form[property.id]" ng-if="property.type.name == 'date'" />
                            <div ed-user-select ed-repeat="false" ed-order="true" name="{{property.id}}" ng-model="task.form[property.id]" ed-multiple="true"  ng-if="property.type.name == 'userMultiSelect'" ></div>
                            <div ed-user-select ed-repeat="false" ed-order="true" name="{{property.id}}" ng-model="task.form[property.id]" ed-multiple="false"  ng-if="property.type.name == 'userSelect'" ></div>
                        </div>
                    </div>
                </div>
                <div class="form-actions">
                    <div class="row" style="text-align: center;">
                            <button type="button" class="btn green" w5c-form-submit="approval({{button}})" ng-repeat="button in buttons"><i class="fa fa-save"></i> {{button.name}}</button>
                    </div>
                </div>
            </form>
        </tab>
        <tab>
            <tab-heading>
                <i class="icon-bar-chart"></i> 流程图
            </tab-heading>
            <iframe id="bpm-process" ng-src="{{processPath}}" frameborder="0" style="width: 100%;"></iframe>
        </tab>

        <div class="actions" style="padding-top: 3px;float: right;padding-right: 20px;">
            <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;" ng-click="cancel();">
                <i class="icon-action-undo"></i>
            </a>
        </div>
    </tabset>
</div>

<!-- BEGIN MAIN JS -->
<script>
    $('#bpm-process').height($('.page-content-wrapper').height() - 100);

	
	

</script>
<!-- END MAIN JS -->